laydate.render({
  elem: '#input_time'
  ,type: 'datetime'
});
var shanchu = document.querySelectorAll('#dbsx button');
for(var i = 0;i<shanchu.length;i++){
	shanchu[i].index=i;
	shanchu[i].onclick=function(){
		shanchu[this.index].parentNode.parentNode.removeChild(shanchu[this.index].parentNode);
	}
}


var input = document.querySelector('#input_nr');
var btn = document.querySelector('#tianjia');
var dbsx= document.querySelector('#dbsx');


// var daojishi_wanmei = function(shijian,weizhi){
// 		window.onload=clock;
// 	    function clock(){
// 	      var today=new Date(),//当前时间
// 	        h=today.getHours(),
// 	        m=today.getMinutes(),
// 	        s=today.getSeconds();
// 	      var stopTime=new Date(shijian),//结束时间
// 	        stopH=stopTime.getHours(),
// 	        stopM=stopTime.getMinutes(),
// 	        stopS=stopTime.getSeconds();
// 	      var shenyu=stopTime.getTime()-today.getTime(),//倒计时毫秒数
// 	        shengyuD=parseInt(shenyu/(60*60*24*1000)),//转换为天
// 	        D=parseInt(shenyu)-parseInt(shengyuD*60*60*24*1000),//除去天的毫秒数
// 	        shengyuH=parseInt(D/(60*60*1000)),//除去天的毫秒数转换成小时
// 	        H=D-shengyuH*60*60*1000,//除去天、小时的毫秒数
// 	        shengyuM=parseInt(H/(60*1000)),//除去天的毫秒数转换成分钟
// 	        M=H-shengyuM*60*1000;//除去天、小时、分的毫秒数
// 	        S=parseInt((shenyu-shengyuD*60*60*24*1000-shengyuH*60*60*1000-shengyuM*60*1000)/1000)//除去天、小时、分的毫秒数转化为秒

// 	        // 这里的id名和需要显示的地方的id名相同
// 	        weizhi.innerHTML=('还剩：'+shengyuD+"天"+shengyuH+"小时"+shengyuM+"分"+S+"秒");
// 	        // 每隔500毫秒执行一次
// 	        setTimeout(clock,500);
// 	    }
// }
// daojishi_wanmei(span2.innerHTML,span3);
var dbsx_f = function(){
	if (input.value!='') {
		// 取值
		var myDate = new Date();
	    var text = input.value+'——';
	    var p = document.createElement('p');
	    p.innerText = text;
	    var button = document.createElement('button');
	    button.innerHTML = '&times;';
	    var span = document.createElement('span');
	    span.innerHTML= ""+myDate.toLocaleString()+'添加;';
	    var span2 = document.createElement('span');
	    span2.innerHTML= input_time.value;
	    span2.classList.add('sjxy');
	    span2.id='div';
	    var span3 = document.createElement('span');
	    span3.classList.add('sjxy_');
	    span3.innerHTML='之前完成';
	    // 添加
		
	    p.appendChild(span);
	    if(input_time.value!=''){
	    	p.appendChild(span2);
	    	p.appendChild(span3);
	    }
	    p.appendChild(button);
		dbsx.appendChild(p,dbsx);
		var shanchu = document.querySelectorAll('#dbsx button');
		// 删除
		for(var i = 0;i<shanchu.length;i++){
			shanchu[i].index=i;
			shanchu[i].onclick=function(){
				shanchu[this.index].parentNode.parentNode.removeChild(shanchu[this.index].parentNode);
			}
		}
		input.value='';
		input_time.value='';

	}
}
// var modify_f = function(){
// 		var ipt_mod = document.querySelector('#dbsx #modify')
// 		var sjkclick = document.querySelectorAll('#div');
// 		for(var sjk = 0;sjk<sjkclick.length;sjk++){
// 			sjkclick[sjk].index=sjk;
// 			sjkclick[sjk].onclick=function(){
// 				var ipt_ = document.createElement('input');
// 				ipt_.id='div';
// 				ipt_.value=this.innerHTML;
// 				this.parentNode.replaceChild(ipt_,this);
// 				document.querySelector('#dbsx input').focus()
// 				console.log('开始修改');
// 				document.querySelector('#dbsx input').onblur=function(){
// 					var ipt_ = document.createElement('span');
// 					ipt_.classList.add('sjxy');
// 					ipt_.id='div';
// 					ipt_.innerHTML=this.value;
// 					this.parentNode.replaceChild(ipt_,this);
// 					// document.querySelector('#dbsx input').focus()
// 					console.log("修改结束");
// 				}
// 			}
// 		}
// }
		


setInterval(function(){
			var ipt_mod = document.querySelector('#dbsx #modify')
			var sjkclick = document.querySelectorAll('#div');
			for(var sjk = 0;sjk<sjkclick.length;sjk++){
				sjkclick[sjk].index=sjk;
				sjkclick[sjk].onclick=function(){
					var ipt_ = document.createElement('input');
					ipt_.id='modify';
					ipt_.type='text';
					// ipt_.lay_Key='1';
					ipt_.value=this.innerHTML;
					this.parentNode.replaceChild(ipt_,this);
					laydate.render({
					  elem: '#modify'
					  ,type: 'datetime'
					});
					document.querySelector('#dbsx input').focus()
					console.log('开始修改');
					document.querySelector('#dbsx input').onblur=function(){
						var ipt_ = document.createElement('span');
						ipt_.classList.add('sjxy');
						ipt_.id='div';
						ipt_.innerHTML=this.value;
						this.parentNode.replaceChild(ipt_,this);
						// document.querySelector('#dbsx input').focus()
						console.log("修改结束");
					}
				}
			}
	// modify_f();
	// var skzbz = document.querySelectorAll('#div');
	// for(var sk = 0;sk<skzbz.length;sk++){
	// 	skzbz[sk].onclick=modify_f();
	// 	console.log(skzbz)
	// }
},1)




    // modify_f();


btn.onclick = function(){
	dbsx_f();
	// setInterval(clock,1000);
}

document.onkeydown = function(e){
    if(e.keyCode == 13){
    	dbsx_f();
	setInterval(clock,1000);
    }
}

// var span_djs=document.querySelectorAll('#dbsx .sjxy');
// var span_djs_=document.querySelectorAll('#dbsx .sjxy_');
// var shengyuH = 0;
// var shengyuM = 0;
// var shengyuS = 0;

// function clock(){
// 	if (shengyuS<=0) {
// 		shengyuM--;
// 		shengyuS=60;
// 	}
// 	if (shengyuM<0) {
// 		shengyuH--;
// 		shengyuM=59;
// 	}
// 	if (shengyuH<0) {
// 		shengyuD--
// 		shengyuH=23;
// 	}
// 	shengyuS--;
// 	for(var f = 0;f<span_djs.length;f++){
// 		var shengyuD = span_djs[f].innerHTML;
// 		span_djs_[f].innerHTML=('天完成！还剩：'+shengyuD+"天"+shengyuH+"小时"+shengyuM+"分"+shengyuS+"秒");
// 	}
// }



